<script setup lang="ts">
import { ref } from 'vue'
import Layout from './layout/Index.vue'
// import enUS from 'ant-design-vue/es/locale/en_US'
// import zhCN from 'ant-design-vue/es/locale/zh_CN'
import zhTW from 'ant-design-vue/es/locale/zh_TW'
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'
// 配置 dayjs 为英文
dayjs.locale('zh-cn')

// 主题配置
const themeConfig = ref({
  dark: true,
  token: {
    colorPrimary: '#73CC6D',
    colorPrimaryHover: '#5AA856',
  },
})
</script>

<template>
  <a-config-provider :locale="zhTW" :theme="themeConfig">
    <a-style-provider hash-priority="high">
      <!-- <main class="w-full h-full overflow-hidden overflow-y-auto"> -->
      <Layout>
        <router-view></router-view>
      </Layout>
      <!-- </main> -->
    </a-style-provider>
  </a-config-provider>
</template>

<style scoped>
/* 修改滚动条宽度和高度 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* 修改滚动条轨道（背景） */
::-webkit-scrollbar-track {
  background-color: #fff;
}

/* 修改滚动条滑块（拖动部分） */
::-webkit-scrollbar-thumb {
  background-color: #73cc6d;
  border-radius: 0px;
}

/* 鼠标悬停在滚动条滑块上时的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #5aa856;
}
</style>
